<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- H5样式重置表 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <!-- 公用样式表 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 当前页面样式表 -->
    <link rel="stylesheet" href="./css/apiDatail.css">
</head>

<body>

    <header class="clearfix abs">
        <div class="fl logo">
            <img src="./img/new-logo-white2.png" alt="">
        </div>

        <ul class="menu abs">
            <li><a href="./index.html" class="font14">首页</a></li>
            <li class="active"><a href="./APIindex.html" class="font14">API</a></li>
            <li><a href="#" class="font14">云服务</a></li>
            <li><a href="./customer.html" class="font14">案列</a></li>
            <li><a href="#" class="font14">开发者</a></li>
        </ul>

        <div class="fr right-box font12">
            <a href="#">登录</a>
            <a href="#">注册有礼</a>
        </div>
    </header>


    <div class="banner">
        <!-- 插件 -->
        <div id="mydiv" style="height:415px">
            <div class="container clearfix">
                <div class="banner-left tcenter">
                    <img src="./img/API11.jpg" alt="">
                    <ul class="clearfix">
                        <li>
                            <img src="./img/API_smallicon_01.jpg" alt="">
                            <br>
                            <span>103</span>
                        </li>
                        <li>
                            <img src="./img/API_smallicon_02.jpg" alt="">
                            <br>
                            <span>14252</span>
                        </li>
                        <li>
                            <img src="./img/API_smallicon_03.jpg" alt="">
                            <br>
                            <span>623</span>
                        </li>
                    </ul>
                </div>
                <div class="banner-right mt10">
                    <h2>身份证实名认证</h2><span>支持HTTPS</span><span>企业专用</span>

                    <div class="font12">
                        <span><img src="./img/API03.jpg" alt="">限企业实名用户使用</span>
                        <span><img src="./img/API05.jpg" alt="">本接口需提供应用场景审核</span>
                        <span><img src="./img/API08.jpg" alt="">个人实名用户无法使用</span>
                    </div>

                    <p>检测姓名和身份证是否一致，实名认证。</p>

                    <ul id="numList" class="clearfix">
                        <li class="default rel"><img src="./img/API17.jpg" alt="">扫码测试
                        <div class="vcode tcenter abs">
                            <img src="./img/103-demo.png" alt="">
                            <p>扫码关注</p>
                        </div>
                        </li>
                    </ul>

                    <p class="font12"><span class="font16 red bold" id="price">￥1200</span>(约<span id="unitPrice">0.3000</span>元/次),仅限企业实名购买：</p>

                    <a href="#" class="font16">立即申请</a>

                </div>
            </div>
        </div>

    </div>


    <main>
        <div class="menu">
            <ul id="navBar" class="container clearfix">
                <li class="active">API文档</li>
                <li>错误码参照</li>
                <li>示例代码</li>
                <li>联系我们</li>
            </ul>
        </div>
        <div class="container">
            <div class="main-left">
                <div class="on">1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
            </div>
            <div class="main-right">

            </div>
        </div>
    </main>










    <script src="./js/utils.js"></script>
    <script src="./lib swiper/canvas-particle.js"></script>
    <script src="./js/apiDatail.js"></script>

</body>

</html>